<style>

.b_list1{
top:120px;
left: 200px;

font-size:20px;
width: 200px;

height: 200px;

position: absolute;


}

.b_list2{

top:120px;
left: 700px;

font-size:20px;
width: 200px;

height: 200px;

position: absolute;


}

.b_list3{

top:120px;
left: 1200px;

font-size:20px;
width: 200px;

height: 200px;

position: absolute;


}

</style>

<br/>
<div id="main">
    <div id="book" >

        <div class="book_cond" style="text-align: center">
            <form action="client/bookServlet" method="get">
                <input type="hidden" name="action" value="pageByPrice">
                价格：<input id="min" type="text" name="min" value=""> 元 -
                <input id="max" type="text" name="max" value=""> 元
                <input type="submit" value="查询" />
            </form>

        </div>
        <div style="text-align: center" >
            <span>您的购物车中有3件商品,价格总计 元</span>
 
        

        <div class="b_list1" >
            <div class="img_div">
                <img class="book_img" alt="" src="/static/时间简史.jpg" width="350px" />
            </div>
            <div class="book_info1">
                <div class="book_name">
                    <span class="sp1">物品：</span>
                    <span class="sp2">时间简史</span>
                </div>
                <div class="book_price">
                    <span class="sp1">价格:</span>
                    <span class="sp2">50￥</span>
                </div>
                <div class="book_num">
                    <span class="sp1">数量:</span>
                    <span class="sp2">1</span>
                    
                </div>
                <div class="book_add">
                    <button>支付</button>
                </div>
            </div>
        </div>
    
    
     <div class="b_list2" >
            <div class="img_div">
                <img class="book_img" alt="" src="/static/时间简史.jpg" width="350px"/>
            </div>
            <div class="book_info2">
                <div class="book_name">
                    <span class="sp1">物品：</span>
                    <span class="sp2">时间简史</span>
                </div>
                <div class="book_price">
                    <span class="sp1">价格:</span>
                    <span class="sp2">50￥</span>
                    
                </div>
                <div class="book_num">
                    <span class="sp1">数量:</span>
                    <span class="sp2">1</span>
                    
                </div>

                <div class="book_add">
                    <button>支付</button>
                </div>
            </div>
        </div>
        
         <div class="b_list3" >
            <div class="img_div">
                <img class="book_img" alt="" src="/static/时间简史.jpg" width="350px"/>
            </div>
            <div class="book_info3">
                <div class="book_name">
                    <span class="sp1">物品：</span>
                    <span class="sp2">时间简史</span>
                </div>
                <div class="book_price">
                    <span class="sp1">价格:</span>
                    <span class="sp2">50￥</span>
                </div>
                <div class="book_num">
                    <span class="sp1">数量:</span>
                    <span class="sp2">1</span>
                    
                </div>
                <div class="book_add">
                    <button>支付</button>
                </div>
            </div>
        </div>
    </div>
    </div>